import { request } from "../../request/index";

Page({
  data: {
    // 左侧菜单数据
    leftMenuList:[],
    // 右侧商品数据
    rightContent:[],
    // 左侧点击的菜单
    currentIndex:0,
    // 右侧顶部的距离
    scrollTop:0
  },
  // 接口返回数据
  Cates:[],

  onLoad: function (options) {
    this.getCates();
  },

  //获取分类页面数据
  async getCates(){
    // request({
    //   url:"/categories"
    // })
    // .then(res=>{
    //   this.Cates=res.data.message;

    //   // 构造左侧菜单数据
    //   let leftMenuList=this.Cates.map(v=>v.cat_name);
    //   // 构造右侧商品数据
    //   let rightContent=this.Cates[0].children;
    //   this.setData({
    //     leftMenuList,
    //     rightContent
    //   })
    // })

    // 用es7的async await来发送请求
    const res=await request({url:"/categories"});
    this.Cates=res;
    // 构造左侧菜单数据
    let leftMenuList=this.Cates.map(v=>v.cat_name);
    // 构造右侧商品数据
    let rightContent=this.Cates[0].children;
    this.setData({
      leftMenuList,
      rightContent
    })

  },


  // 菜单点击
  handleItemTap(e){
    // 1 获取被点击的索引
    // 2 赋值给data中的currentIndex
    // 3 根据不同索引渲染内容
    const {index}=e.currentTarget.dataset;
    let rightContent=this.Cates[index].children;

    this.setData({
      currentIndex:index,
      rightContent,
      // 设置右侧内容距离顶部的距离
      scrollTop:0
    })
  }

})